TypeScript 遍历数组Array 的方法：for..of, for..in, for, forEach, every, some

2024-01-17 06:21| 来源: 网络整理| 查看: 265

最近在学习egret，需要适用TypeScript，也就是JavaScript的超集。

学习后敲一遍以加深印象，有错误之处还请指正！

一、for..of 方法

let arr = ["hello", 2, "world"]; for (let data of arr) { console.log(data); // "hello", 2, "world" }

二、for..in 方法

这个方法要注意和for..of的区别，for..in遍历的值是数组的索引

let arr = [4, 5, 6]; for (let i in arr) { console.log(i); // 0, 1, 2 } for (let i of arr) { console.log(i); // 4, 5, 6 }

三、for 循环

这个就是常见的for循环了

let arr = ["hello", "world", false}; for (let i = 0; i < arr.length; i++) { let data = arr[i]; console.log(data); }

四、forEach

forEach其实是JavaScript的循环语法，TypeScript作为JavaScript的语法超集，当然默认也是支持的。

let arr = [4, 5, 6]; arr.forEach((val, idx, arr) => { console.log(val); // 4, 5, 6 console.log(idx); // 0, 1, 2 console.log(arr); // 数组arr })

五、every 和 some

every和some也都是JavaScript的循环语法，TypeScript作为JavaScript的语法超集，当然默认也是支持的。因为forEach在iteration中是无法返回的，所以可以使用every和some来取代forEach。

every()是对数组中每一项运行给定函数，如果该函数对每一项返回true,则返回true。some()是对数组中每一项运行给定函数，如果该函数对任一项返回true，则返回true。 var arr = [ 1, 2, 3, 4, 5, 6 ]; console.log( arr.some( function( item, index, array ){ console.log( 'item=' + item + ',index=' + index+',array=' + array ); return item > 3; })); console.log( arr.every( function( item, index, array ){ console.log( 'item=' + item + ',index=' + index+',array=' + array ); return item > 3; }));

运行结果：

some一直在找符合条件的值，一旦找到，则不会继续迭代下去。 every从迭代开始，一旦有一个不符合条件，则不会继续迭代下去。

【本文地址】

公司简介

联系我们